<template>
  <div class="swiper-container" style="width: 100%; height: 100%;">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="~assets/image/8.jpg" height="100%" width="100%" />
      </div>
      <div class="swiper-slide">
        <img src="~assets/image/9.jpg" height="100%" width="100%" />
      </div>
      <div class="swiper-slide">
        <img src="~assets/image/10.jpg" height="100%" width="100%" />
      </div>
      <div class="swiper-slide">
        <img src="~assets/image/11.jpg" height="100%" width="100%" />
      </div>
      <div class="swiper-slide">
        <img src="~assets/image/12.jpg" height="100%" width="100%" />
      </div>
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: "Swiper"
};
</script>

<style scoped>
</style>